<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--头部公共代码-->
<header class="main-header"  th:fragment="topbar">
    <!-- Logo -->
    <a href="../../index2.html" class="logo">
        <!-- mini logo for sidebar mini 50x50 pixels -->
        <span class="logo-mini"><b>Team</b>A6</span>
        <!-- logo for regular state and mobile devices -->
        <span class="logo-lg"><b>Team</b>A6</span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
        <!-- Sidebar toggle button-->
        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
            <span class="sr-only">导航切换</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>

        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
                <!-- Messages: style can be found in dropdown.less-->
                <li class="dropdown messages-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-envelope-o"></i>
                        <span class="label label-success">4</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">你有四条消息</li>
                        <li>
                            <!-- inner menu: contains the actual data -->
                            <ul class="menu">
                                <li><!-- start message -->
                                    <a href="#">
                                        <div class="pull-left">
                                            <img th:src="@{/administration/adminlte/img/user2-160x160.jpg}" class="img-circle" alt="User Image">
                                        </div>
                                        <h4>
                                            技术支持
                                            <small th:text="${session.adminName}"><i class="fa fa-clock-o"></i> TeamA6</small>
                                        </h4>
                                        <p>TeamA6——网上购物商城</p>
                                    </a>
                                </li>
                                <!-- end message -->
                                <li>
                                    <a href="#">
                                        <div class="pull-left">
                                            <img th:src="@{/administration/adminlte/img/user3-128x128.jpg}" class="img-circle" alt="User Image">
                                        </div>
                                        <h4>
                                            开发团队
                                            <small><i class="fa fa-clock-o"></i> TeamA6</small>
                                        </h4>
                                        <p>TeamA6——网上购物商城</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pull-left">
                                            <img th:src="@{/administration/adminlte/img/user4-128x128.jpg}" class="img-circle" alt="User Image">
                                        </div>
                                        <h4>
                                            开发者
                                            <small><i class="fa fa-clock-o" th:text="${session.adminName}"></i> TeamA6</small>
                                        </h4>
                                        <p>TeamA6——网上购物商城</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pull-left">
                                            <img th:src="@{/administration/adminlte/img/user3-128x128.jpg}" class="img-circle" alt="User Image">
                                        </div>
                                        <h4>
                                            销售公司
                                            <small><i class="fa fa-clock-o"></i> TeamA6</small>
                                        </h4>
                                        <p>TeamA6——网上购物商城</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="pull-left">
                                            <img th:src="@{/administration/adminlte/img/user4-128x128.jpg}" class="img-circle" alt="User Image">
                                        </div>
                                        <h4>
                                            评论
                                            <small><i class="fa fa-clock-o"></i> 2000+</small>
                                        </h4>
                                        <p>TeamA6——网上购物商城</p>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">查看所有消息</a></li>
                    </ul>
                </li>
                <!-- Notifications: style can be found in dropdown.less -->
                <li class="dropdown notifications-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-bell-o"></i>
                        <span class="label label-warning">10</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">您有10条通知</li>
                        <li>
                            <!-- inner menu: contains the actual data -->
                            <ul class="menu">
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-aqua"></i> 新用户加入
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-warning text-yellow"></i> 新用户待审核
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-users text-red"></i> 新订单生成
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class="fa fa-shopping-cart text-green"></i> 订单待审核
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-user text-red"></i> 用户名修改
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer"><a href="#">查看全部</a></li>
                    </ul>
                </li>
                <!-- Tasks: style can be found in dropdown.less -->
                <li class="dropdown tasks-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-flag-o"></i>
                        <span class="label label-danger">9</span>
                    </a>
                    <ul class="dropdown-menu">
                        <li class="header">您有9项工作待完成</li>
                        <li>
                            <!-- inner menu: contains the actual data -->
                            <ul class="menu">
                                <li><!-- Task item -->
                                    <a href="#">
                                        <h3>
                                            审核新用户
                                            <small class="pull-right">20%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                <span class="sr-only">20% 已完成</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <!-- end task item -->
                                <li><!-- Task item -->
                                    <a href="#">
                                        <h3>
                                            审核用户新订单
                                            <small class="pull-right">40%</small>
                                        </h3>
                                        <div class="progress xs">
                                            <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                <span class="sr-only">40% 已完成</span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="footer">
                            <a href="#">查看全部任务</a>
                        </li>
                    </ul>
                </li>
                <!-- User Account: style can be found in dropdown.less -->
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <img th:src="@{/administration/adminlte/img/user2-160x160.jpg}" class="user-image" alt="User Image">
                        <span class="hidden-xs" th:text="${session.adminName}">TeamA6</span>
                    </a>
                    <ul class="dropdown-menu">
                        <!-- User image -->
                        <li class="user-header">
                            <img th:src="@{/administration/adminlte/img/user2-160x160.jpg}" class="img-circle" alt="User Image">

                            <p>
                                TeamA6——网上购物商城
                                <small>2019.8.14</small>
                            </p>
                        </li>
                        <!-- Menu Body -->
                        <li class="user-body">
                            <div class="row">
                                <div class="col-xs-4 text-center">
                                    <a href="#">成员</a>
                                </div>
                                <div class="col-xs-4 text-center">
                                    <a href="#">用户</a>
                                </div>
                                <div class="col-xs-4 text-center">
                                    <a href="#">销量</a>
                                </div>
                            </div>
                            <!-- /.row -->
                        </li>
                        <!-- Menu Footer-->
                        <li class="user-footer">
                            <div class="pull-left">
                                <a href="#" class="btn btn-default btn-flat">详情</a>
                            </div>
                            <div class="pull-right">
                                <a href="#" class="btn btn-default btn-flat">退出</a>
                            </div>
                        </li>
                    </ul>
                </li>
                <!-- Control Sidebar Toggle Button -->
                <li>
                    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                </li>
            </ul>
        </div>
    </nav>
</header>

<!-- sidebar menu: : style can be found in sidebar.less -->
<aside class="main-sidebar" id="sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
        <!-- Sidebar user panel -->
        <div class="user-panel">
            <div class="pull-left image">
                <img th:src="@{/administration/adminlte/img/user2-160x160.jpg}" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p th:text="${session.adminName}">TeamA6</p>
                <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
            </div>
        </div>
        <!-- search form -->
        <form action="#" method="get" class="sidebar-form">
            <div class="input-group">
                <input type="text" name="q" class="form-control" placeholder="Search...">
                <span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
            </div>
        </form>
        <!-- /.search form -->
        <!--引入侧边栏-->
        <!--左侧菜单页公共代码-->
        <ul class="sidebar-menu" data-widget="tree" >
            <li class="header">导航栏</li>
            <!-- <li class="treeview">
             <a href="#">
                  <i class="fa fa-dashboard"></i> <span>商品管理</span>
                  <span class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
          </span>
              </a>
                <ul class="treeview-menu">-->
                    <li><a th:href="@{/adminProduct/productList}"><i class="fa fa-file"></i> 商品目录管理</a></li>
                    <li><a th:href="@{/adminProductType/productTypeList}"><i class="fa fa-pie-chart"></i> 商品类型管理</a></li>
                    <li><a th:href="@{/adminSku/skuList}"><i class="fa fa-th-list"></i> 商品SKU管理</a></li>
                    <li><a th:href="@{/adminIndent/indentList}"><i class="fa fa-bar-chart"></i> 商品订单管理</a></li>
                    <li><a th:href="@{/adminActivity/activityList}"><i class="fa fa-bar-chart"></i> 商品活动管理</a></li>
                    <li><a th:href="@{/adminCustomer/customerList}"><i class="fa fa-user"></i> 用户管理</a></li>
            <!--   </ul>
           </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-files-o"></i>
                    <span>订单管理</span>
                    <span class="pull-right-container">
                        <i class="fa fa-angle-left pull-right"></i>
            </span>
                </a>
                <ul class="treeview-menu">
                    <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i>订单查看</a></li>
                    <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> 订单审核</a></li>
                    <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> 订单状态更改</a></li>
                </ul>
            </li>
            <li class="treeview">
                <a href="#">
                    <i class="fa fa-pie-chart"></i>
                    <span>用户管理</span>
                    <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
                </a>
                <ul class="treeview-menu">
                    <li><a th:href="@{/adminCustomer/customerList}"><i class="fa fa-circle-o"></i> 用户管理</a></li>
                </ul>
            </li>
        </ul>-->
    </section>
    <!-- /.sidebar -->
</aside>

<!--尾部公共代码-->
<footer class="main-footer" id="footerbar">
    <div class="pull-right hidden-xs">
        <b>版本</b> 2.4.0
    </div>
    <strong>Copyright &copy; 2019-2019 <a href="https://adminlte.io">TeamA6</a>.</strong> 所有权限保留
</footer>
</body>
</html>